<template>
  <CustomTabs class="h-100P">
    <el-tabs class="tabs-header h-100P" type="border-card">
      <el-tab-pane label="基本信息" class="tabs-body h-100P" lazy>
        <base-information :model-data="modelDetail" />
      </el-tab-pane>
      <el-tab-pane label="功能定义" class="tabs-body h-100P" lazy>
        <function-definition />
      </el-tab-pane>
    </el-tabs>
  </CustomTabs>
</template>

<script>
import CustomTabs from '@/components/custom-tabs'
import FunctionDefinition from './components/function-definition'
import BaseInformation from './components/base-information.vue'

export default {
  components: {
    BaseInformation,
    CustomTabs,
    FunctionDefinition,
  },
  data() {
    return {
      modelDetail: {},
    }
  },
}
</script>

<style lang="scss" scoped>
.tabs-header {
  padding: 0;
}

::v-deep {
  .el-tabs__content {
    height: 95%;
  }
}
</style>

